<div class="tableToolbar">
    <div class="coll-md-9" id="addInput">
        <div class="coll-md-1">
            <input type="text" class='search' placeholder="项目名称" ng-model="ctrlScope.itemsearch.itemname">
        </div>
        <div class="coll-md-15 triangle">
            <select class="form-control" ng-model="ctrlScope.itemsearch.repayStatus">
                <option  value="" disabled selected hidden>还款状态</option>
                <option value="0">未还款</option>
                <option value="1">借款人还款</option>
                <option value="2">担保公司还款</option>
            </select>
        </div>
        <div class="coll-md-65 scalenone"  id="searchdate" datahide>
            <div class="coll-md-25" >
                <p class="input-group">
                    <input type="text" class="search" placeholder="应还开始时间" uib-datepicker-popup="yyyy-MM-dd"
                           ng-model="ctrlScope.itemsearch.repayStartTimex" is-open="popup1.opened" datepicker-options="dateOptions"/>
						<span class="input-group-btn">
							            <button type="button" class="small-icon btn btn-default" ng-click="open1()"><i
                                                class="glyphicon glyphicon-calendar"></i></button>
							          </span>
                </p>
            </div>
            <div class="coll-md-25">
                <p class="input-group inline">
                    <input type="text" class="search" placeholder="应还结束时间" uib-datepicker-popup="yyyy-MM-dd"
                           ng-model="ctrlScope.itemsearch.repayEndTimex" is-open="popup2.opened" datepicker-options="dateOptions"/>
						<span class="input-group-btn">
							            <button type="button" class="small-icon btn btn-default" ng-click="open2()"><i
                                                class="glyphicon glyphicon-calendar"></i></button>
							          </span>
                </p>
            </div>
            <div class="coll-md-25" >
                <p class="input-group">
                    <input type="text" class="search" placeholder="已还开始时间" uib-datepicker-popup="yyyy-MM-dd"
                           ng-model="ctrlScope.itemsearch.actualStartTimex" is-open="popup3.opened" datepicker-options="dateOptions"/>
						<span class="input-group-btn">
							            <button type="button" class="small-icon btn btn-default" ng-click="open3()"><i
                                                class="glyphicon glyphicon-calendar"></i></button>
							          </span>
                </p>
            </div>
            <div class="coll-md-25">
                <p class="input-group inline">
                    <input type="text" class="search" placeholder="已还结束时间" uib-datepicker-popup="yyyy-MM-dd"
                           ng-model="ctrlScope.itemsearch.actualEndTimex" is-open="popup4.opened" datepicker-options="dateOptions"/>
						<span class="input-group-btn">
							            <button type="button" class="small-icon btn btn-default" ng-click="open4()"><i
                                                class="glyphicon glyphicon-calendar"></i></button>
							          </span>
                </p>
            </div>
        </div>
        <div class="coll-md-1">
            <input type="button" class="small-icon search2-icon" value="搜索" ng-click="search()">
            <input type="button" class="small-icon search2" value="搜索">
            <input type="button" class="small-icon reset-icon" reset-icon value="重置" ng-click="reset()">
            <input type="button" class="small-icon reset" value="重置">

            <div class="dropdown-menu-right">
                <input type="button" class="small-icon more-icon" value="更多" title='更多搜索项' id="more-icon" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">
                <input type="button" class="small-icon more" value="更多">
                <ul class="dropdown-menu" style='margin-left:80px;' aria-labelledby="dropdownMenu2" more-search>
                    <li><a href="javascript:;">日期搜索</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<table  style="margin-bottom:20px;">
    <tr>
        <td class="blue" width="16%">
            <h6>已还款项目</h6>
            <h4 ng-model="show.repayItemNum">{{show.repayItemNum}}个</h4>
        </td>
        <td class="red" width="16%">
            <h6>已还款本息总额</h6>
            <h4 ng-model="show.repayItemAccount">{{show.repayItemAccount}}元</h4>
        </td>
        <td class="blue" width="16%">
            <h6 >已还款利息总额</h6>
            <h4 ng-model="show.repayItemInterest">{{show.repayItemInterest}}元</h4>
        </td>
        <td class="red" width="16%">
            <h6 >未还款项目</h6>
            <h4 ng-model="show.noRepayItemNum">{{show.noRepayItemNum}}个</h4>
        </td>
        <td class="blue" width="16%">
            <h6 >未还款本息总额</h6>
            <h4 ng-model="show.noRepayItemAccount">{{show.noRepayItemAccount}}元</h4>
        </td>
        <td class="red" width="16%">
            <h6 >未还利息总额</h6>
            <h4 ng-model="show.noRepayItemInterest">{{show.noRepayItemInterest}}元</h4>
        </td>
    </tr>
</table>
<table ui-table="orderParams">
    <thead>
    <tr>
        <th>项目名称</th>
        <th>项目金额</th>
        <th>用户名</th>
        <th>真实姓名</th>
        <th>项目id</th>
        <th>还款状态</th>
        <th>当期期数</th>
        <th >总期数	</th>
        <th >应还本息</th>
        <th >应还本金</th>
        <th >应还利息</th>
        <th >应还时间</th>
        <th >应还服务费</th>
        <th >已还总额</th>
        <th >已还本金</th>
        <th >已还利息</th>
        <th >已还时间</th>

    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="item in orderParams.$rows">
        <td>{{item.itemName}}</td>
        <td>{{item.itemAccount}}</td>
        <td>{{item.username}}</td>
        <td>{{item.realname}}</td>
        <td>{{item.itemId}}</td>
        <td>
            <a ng-if="item.status==0" ng-click="modifyModal(item.itemId,item.repayCurrentPeriod,1)">还款</a>
            <a ng-if="item.status==0" ng-click="modifyModal(item.itemId,item.repayCurrentPeriod,2)">担保公司还款</a>
            <span ng-if="item.status !=0">{{item.status | paymentStatus}}</span>
        </td>
        <td>{{item.repayCurrentPeriod}}</td>
        <td>{{item.repayTotalPeriod}}</td>
        <td>{{item.repayAmount}}</td>
        <td>{{item.repayPrincipal}}</td>
        <td>{{item.repayInterest}}</td>
        <td>{{item.repayTime |date:'yyyy-MM-dd'}}</td>
        <td>{{item.serveAmount}}</td>
        <td>{{item.actualRepayAmount}}</td>
        <td>{{item.actualRepayPrincipal}}</td>
        <td>{{item.actualRepayInterest}}</td>
        <td>{{item.actualRepayTime |date:'yyyy-MM-dd'}}</td>
    </tr>
    </tbody>
</table>
